.frame {
  position: absolute;
  width: 400px;
  height: 400px;
  inset: 0;
  margin: auto;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  overflow: hidden;
  background-color: #9b59b6;
  color: #fff;
  cursor: pointer;
}

.logo {
  position: absolute;
  top: 160px;
  left: 165px;
}
.logo.white svg {
  fill: #fff;
}
.logo.purple svg {
  fill: #9b59b6;
}
.logo.small {
  transform: scale(0);
  transition: all 0.5s ease-in;
}
.logo.normal {
  transform: scale(1);
  transition: all 0.5s ease-out 0.3s;
}
.logo.big {
  transform: scale(10);
  transition: all 0.5s ease-in;
}